<template>
	<view class="container">
		<view class="tui-page__hd">
			<view class="tui-page__title">Loading</view>
			<view class="tui-page__desc">加载中</view>
		</view>
		<view class="tui-page__bd tui-page__spacing">
			<!--loading_1-->
			<view class="thorui-loading">
				<view class="thorui-loading-line thorui-ani1"></view>
				<view class="thorui-loading-line thorui-ani2"></view>
				<view class="thorui-loading-line thorui-ani3"></view>
			</view>
			<!--loading_2-->
			<view class="thorui-loading__2">
				<view class="thorui-ani__1"></view>
				<view class="thorui-ani__2"></view>
				<view></view>
			</view>
			<!--loading_3-->
			<view class="thorui-loading__3"><view></view></view>
			<!--loading_4-->
			<view class="tui-padding">
				<tui-loading :fixed="false"></tui-loading>
			</view>
			<!--loading_5-->
			<view class="tui-padding">
				<tui-loading type="row" :fixed="false"></tui-loading>
			</view>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {};
	},
	methods: {}
};
</script>

<style>
.tui-page__spacing {
	display: flex;
	align-items: center;
	flex-direction: column;
}
.thorui-loading__2,.thorui-loading__3,.tui-padding{
	margin-top: 80rpx;
}
</style>
